﻿/* File Created: svibnja 7, 2012 */



$(document).ready(function () {

    if (window.listaClanaka != null) {
        Ispisi(0);
    }

    $("#btnTrazi").click(function () {
        PosaljiFormu();
        return false;
    });



});


function SaljiPodatke(naz,maxVisina,rod,minTmp)
{
    $.ajax({
        type: "POST",
        url: "KorisnickiUtility.asmx/DrveceClanci",
        data: JSON.stringify({ naziv: naz, maksimalnaVisina: maxVisina,rod:rod,minimalnaTemperatura:minTmp }),
        contentType: "application/json",
        dataType: "json",
        success: function (data) {
            Spremi(data);
           
        }
    });
}

function Spremi(data) {

    window.listaClanaka = new Array();
    for (var i = 0; i < data.d.length; i++) {

        clanakObj = new Object();
        clanakObj.clanak = data.d[i].clanak;
        clanakObj.id = data.d[i].id;
        listaClanaka[i] = clanakObj; 

       

    }

    Ispisi(0);
}

function Ispisi(brojStranice /*pocinje od nule*/) {

    var clanaka_po_stranici = 6; /*promijeniti za drugi broj clanaka po stranici*/

    $("#pretragaRezultati").empty();
    $("#stranice").empty();
    var pageCounter = 0;
    for (var j = 0; j < window.listaClanaka.length; j += clanaka_po_stranici)
    {
        pageCounter++;
        $("#stranice").append("<span class='pageLink' id='" + pageCounter +"'>" + pageCounter +"</span>");
    }




    for (var i = brojStranice * clanaka_po_stranici; i < ((brojStranice * clanaka_po_stranici) + clanaka_po_stranici); i++) {

        if (i >= window.listaClanaka.length)
            break;

        $("#pretragaRezultati").append("<div class='clanak'>" + window.listaClanaka[i].clanak + "<p class='cistac'></p><p><a class='linkZaNastavak' href='Drvo.aspx?id=" + window.listaClanaka[i].id + "'>...Kliknite za nastavak</a></p></div>");
    }

    $(".clanak").css({ 'border': 'thin solid black' ,'-moz-border-radius': '15px',
   '-webkit-border-radius': '15px',
    'border-radius': '15px', 'margin-bottom':'10px','padding':'10px','overflow':'hidden' });

    $(".cistac").css({"height":"10px"});
    $(".clanak img").css({ 'width': '80px', 'height': '80px' });
    $("#stranice span").css({ 'text-decoration': 'underline', 'margin-right': '5px', 'color': 'blue','cursor':'pointer' });
    $(".pageLink").click(function () {
        Ispisi($(this).text()-1);
    });

    var br = brojStranice + 1;
    $("#" + br).css({'text-decoration':'none'});
}

$(document).keypress(function (e) {
    if (e.keyCode == 13) {
        PosaljiFormu();
        return false;
    }
});

function PosaljiFormu() {
    var str = $("#txtNaziv").val();
    var v = $("#ddlVisina").val();
    var r = $("#ddlRod").val();
    var tm = $("#ddlTemperatura").val();
    $("#pretragaRezultati").empty();
    SaljiPodatke(str, v, r, tm);
}